<nz-card nzNoHovering *ngIf="vm">
        <ng-template #title>
            <h2>{{ vm.data.pointName }}</h2>
        </ng-template>
        <ng-template #extra>
            <nz-select style="width: 150px;" [(ngModel)]="vm.selected">
                <nz-option *ngFor="let option of vm.data.samplings" [nzLabel]="option.dateTime | momentFormat:'YYYY-MM-DD HH:mm'" [nzValue]="option">
                </nz-option>
            </nz-select>
        </ng-template>

        <ng-template #body>
            <div nz-card-grid [ngStyle]="gridStyle">环境温度：{{vm.selected.envTemperature.value}}({{vm.selected.envTemperature.unit}})</div>
            <div nz-card-grid [ngStyle]="gridStyle">风速：{{vm.selected.windSpeed.value}}({{vm.selected.windSpeed.unit}})</div>
            <div nz-card-grid [ngStyle]="gridStyle">流速：{{vm.selected.currentSpeed.value}}({{vm.selected.currentSpeed.unit}})</div>
            <div nz-card-grid [ngStyle]="gridStyle">流量：{{vm.selected.flow.value}}({{vm.selected.flow.unit}})</div>
            <div nz-row>
                <div nz-col nzSpan="24">
                    <nz-table #nzTable [nzDataSource]="vm.selected.values" [nzScroll]="{ y: 160 }" [nzIsPagination]="'false'" style="margin:10px">
                        <ng-template #nzFixedHeader>
                            <thead nz-thead>
                                <tr>
                                    <th nz-th [nzWidth]="'40%'">
                                        <span>分析指标</span>
                                    </th>
                                    <th nz-th [nzWidth]="'30%'">
                                        <span>检测数据</span>
                                    </th>
                                    <th nz-th>
                                        <span>水质</span>
                                    </th>
                                </tr>
                            </thead>
                        </ng-template>
                        <tbody nz-tbody>
                            <tr nz-tbody-tr *ngFor="let data of nzTable.data">
                                <td nz-td>{{data.norm}}</td>
                                <td nz-td>
                                    <span *ngIf="data.value.value"> {{data.value.value}}({{data.value.unit}}) </span>
                                    <span *ngIf="!data.value.value"> 未检出 </span>
                                </td>
                                <td nz-td>
                                    {{data.nameColor }}
                                    <nz-avatar *ngIf="data.colorImage" [nzSrc]="getMarkerImage(data.colorImage)" nzSize="small" class="mr-sm"></nz-avatar>
                                    <nz-avatar *ngIf="!data.colorImage" [nzSrc]="'/assets/img/icon/marker-' + data.waterLimitType + '.png'" nzSize="small" class="mr-sm"></nz-avatar>

                                </td>
                            </tr>
                        </tbody>
                    </nz-table>
                </div>
            </div>
        </ng-template>

    </nz-card>
